

.person
{
	margin-bottom: 1em;
	padding: 0.5em;
	border: 1px solid #DDD;
	@include border-radius(3px);
	
	&.full
	{
		border: 0;
		
		h2
		{
			margin-bottom: 1em !important;
		}
	}
	
	h2
	{
		a
		{
			color: #222;
			
			&:hover
			{
				color: #5ea6df;
				
				span.hl
				{
					color: inherit;
					background: transparent;
				}
			}
		}
		
		span.hl
		{
			padding: 0.1em;
			background: #28a61b;
			color: white;
			@include border-radius(3px)
		}
	}
	
	div.metadata
	{
		font-size: 0.8em;
		color: #004D99;
		font-weight: 400;
		@include clearfix;
		margin: 0.5em 0;
		padding: 1em 0.5em;
		background: #F4F8F9;
		border-bottom: 1px solid #E6F0F2;
		border-top: 1px solid #E6F0F2;
		
		div.bd, div.dd
		{
			float: left;
			margin-right: 1em;
			
			span.label
			{
				color: #3E5867;
				margin-right: 0.3em;
			}
		}
		
		ul.catalogs
		{
			float: right;
		}
	}
}

.person.full
{
	ul.variations
	{
		li
		{
			margin-bottom: 1em;
			
			.in
			{
				font-style: italic;
				color: #999;
			}
			
			.catalog
			{
				font-size: 0.8em;
				margin-left: 0;
			}
			
			.reveal
			{
				font-size: 0.8em;
				padding: 2px 4px;
				background: #EEE;
				color: #999;
				@include border-radius(3px);
				margin-left: 0.5em;
				cursor: pointer;
			}
			
			a
			{
				display: block;
				margin-top: 0.5em;
				font-style: italic;
			}
		}
	}
	
	ul.links
	{
		li
		{
			margin-bottom: 1em;
			
			h4
			{

			}
		}
	}
	
	div#rdf
	{
		border-top: 1px solid #DDD;
		padding: 2em;
		margin: 8em 0 0;
		text-align: center;
		
		a
		{
			font-size: 0.8em;	
			color: #666;		
		}
	}
}

.catalog
{
	display: inline;
	padding: 0.2em 0.6em;
	color: #FFF;
	@include border-radius(3px);
	@include box-shadow(rgba(0,0,0,0.2), 0px, 2px, 2px);
	font-weight: 500;
	margin-left: 0.5em;
	
	&.grove
	{
		background: #0c49fe;
	}
	
	&.blcollection
	{
		background: #be0006;
	}
	
	&.copac
	{
		background: #0b5403;
	}
	
	&.rism
	{
		background: #1866af;
	}
	
	&.musicbrainz
	{
		background: #60579b;
	}
}